<template>
  <div id="contentRight">
    <section id="sec1">
      <p class="guide">
        <router-link to="/asset">资产总览&nbsp;&nbsp;>&nbsp;</router-link>
        <span>充值</span>
      </p>
      <p class="p2">
        <img src="../common/imgs/radiusSuccess.png" alt="">
      </p>
      <p class="p3">{{result}}</p>
      <p class="p4">平台确认到账后，您购买的货币将支付到商户帐户并自动完成充值</p>
      <div class="d5">
        <p>
          <span class="left">订单号：</span>
          <span class="right">{{order_id}}</span>
        </p>
        <p>
          <span class="left">充值方式：</span>
          <span class="right">{{pay_name}}</span>
        </p>
        <p>
          <span class="left">充值金额：</span>
          <span class="right">{{amount}}</span>
        </p>
        <p>
          <span class="left">充值帐号：</span>
          <span class="right">{{account}}</span>
        </p>
      </div>
      <p class="p6">
        <router-link to="/recharge" id="submit">返回充值首页</router-link>
      </p>
    </section>
  </div>
</template>
<script>
  export default {
    name : 'contentRight',
    data(){
      return{
        result : '操作成功',
        order_id : null,
        pay_name : null,
        amount : null,
        account : null,
      }
    },
    mounted() {
      let query =  this.$route.query;
      let Right = query.order_id && query.amount && query.channel;
      if(!Right){
        this.$router.go(-1);
        return;
      }
      this.pay_name = query.channel === 'BANK_TRANSFER' ? '对公转账' : '支付宝对公转账';
      this.order_id = query.order_id;
      this.amount = query.amount;
      this.account = this.$store.state.mobile;
    }
  }
</script>
<style lang="less" scoped>
  @import "../common/style/common";
  /*@import "../common/style/public.css";*/
  #sec1{
    min-height: 725px;
    >.p2{
      text-align: center;padding-top: 40px;
      >img{
        width: 50px;height: 50px;
      }
    }
    >.p3{
      text-align: center;.colorYellow;font-size: 20px;padding-top: 13px;
    }
    >.p4{
      text-align: center;color: #999999;font-size: 16px;padding-top: 17px;padding-bottom: 37px;
    }
    >.d5{
      background: #F8F8F8;width: 540px;margin: 0 auto;padding-top: 5px;padding-bottom: 25px;
      >p{
        padding-top: 15px;
        >.left{
          display: inline-block;width: 151px;text-align: right;
        }
        >.right{
          padding-left: 124px;
        }
      }
    }
    >.p6{
      padding-top: 37px;text-align: center;
      >a{
        .submit;width: 152px;height: 38px;line-height: 38px;font-size: 16px;
      }
    }
  }
</style>
